<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小红书 - 标记我的生活</title>
    <link rel="stylesheet" href="../css/denbglu.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="shortcut icon" href="../js/标题.ico">
</head>

<body>
    <div class="app">
        <div class="w">
            <!-- 导航栏 -->
            <div class="fixed">
                <div class="header">
                    <!-- logo区域 -->
                    <img src="../images/logo.png" alt="" class="logo">
                    <div class="k"></div>
                    <!-- 导航区域 -->
                    <ul class="daoH">
                        <li><a href="../HTML/index.html">首页</a></li>
                        <li><a href="../HTML/faxian.html">发现</a></li>
                        <li><a href="../HTML/专业号平台.html">业务合作</a></li>
                        <li><a href="../HTML/创作者中心.html">创作者服务</a></li>
                        <li><a href="../HTML/cy.html">新闻中心</a></li>
                        <li><a href="../HTML/关于我们.html">关于我们</a></li>
                        <li><a href="#">社会责任</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">中文</a></li>
                    </ul>
                    <!-- 登录区域 -->
                    <div class="dengLu">
                        <a href="#"><img src="../images/6-1502201930221J.jpg" alt="" class="deng"></a>
                    </div>
                </div>
            </div>

            <div class="use">
                <!-- 详情 -->
                <div class="user">
                    <div class="user-bottom">
                        <div class="user-page">
                            <!-- 头像 -->
                            <div class="user-images">
                                <img src="../images/6-1502201930221J.jpg" alt="">
                            </div>
                            <!-- 姓名部分 -->
                            <div class="user-name">
                                <span>Like and fit👫</span>
                            </div>
                            <!-- id部分 -->
                            <div class="user-redld">
                                <span>小红书号：782174420</span>
                            </div>
                            <!-- 年龄、性别部分 -->



                            <div class="user-age">
                                <div class="gender">
                                    <i class="iconfont icon-nanxing"></i>
                                    <span>26岁</span>
                                </div>

                            </div>
                            <!-- 爱好部分 -->
                            <div class="user-hobby">
                                <!-- 关注部分 -->
                                <div>
                                    <span class="count">17</span>
                                    <span class="shows">关注</span>
                                </div>
                                <!-- 粉丝部分 -->
                                <div>
                                    <span class="count">4</span>
                                    <span class="shows">粉丝</span>
                                </div>
                                <!-- 获赞与收藏部分 -->
                                <div>
                                    <span class="count">0</span>
                                    <span class="shows">获赞与收藏</span>
                                </div>
                            </div>

                            <!-- 关注按钮 -->
                            <div class="user-gz">
                                <div class="guanzhu">关注</div>
                                <div class="tc">
                                    <div class="tc1">确认不再关注？</div>
                                    <div class="tc2">
                                        <button class="btn">
                                            <span class="q1" data-io="0"
                                                style="color: rgba(51, 51, 51, .6); font-weight: 400;">

                                                取消

                                            </span>
                                        </button>
                                        <button>
                                            <span class="q1" data-io="1">

                                                确认

                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 笔记收藏模块 -->
                <div class="read-box">
                    <div class="biji item active">
                        <span data-id="0">笔记</span>
                    </div>
                    <div class="shoucang item">
                        <span data-id="1">收藏</span>
                    </div>
                    <div class="shoucang item">
                        <span data-id="2">点赞</span>
                    </div>
                    <div class="line" style="width: 28px; left: 574px;">
                    </div>
                </div>
                <!-- 作品模块 -->
                <div class="zp">

                    

                    <div class="zuopin-da auto">
                        <div class="zuopin-x1" style="--6397d25b:688px; --5b8889cb:924px; --d83926b2:1160px;">
                            <div class="zuopin-s">
                                <div class="empty-note">
                                    <img src="../images/Group 3.png" width="90px" alt="">
                                    <span class="text">你还没有发布任何内容哦</span>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="back-top">
                            <i class="iconfont icon-jiantou_xiangshang"></i>
                        </div> -->
                    </div>
                    <div class="zuopin-da">
                        <div class="zuopin-x1" style="--6397d25b:688px; --5b8889cb:924px; --d83926b2:1160px;">
                            <div class="zuopin-s">
                                <div class="empty-note">
                                    <img src="../images/icon_empty_collection_90.png" width="90px" alt="">
                                    <span class="text">你还没有发布任何内容哦</span>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="back-top">
                            <i class="iconfont icon-jiantou_xiangshang"></i>
                        </div> -->
                    </div>
                    <div class="zuopin-da">
                        <div class="zuopin-x1" style="--6397d25b:688px; --5b8889cb:924px; --d83926b2:1160px;">
                            <div class="zuopin-s">
                                <div class="empty-note">
                                    <img src="../images/6-1502201930221J.jpg" width="90px" alt="">
                                    <span class="text">你还没有发布任何内容哦</span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="back-top">
                    <i class="iconfont icon-jiantou_xiangshang"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="mask"></div>
    <script src="../js/denglu.js"></script>
    <script>

    </script>
</body>

</html>